<template>
  <div>
    <h1>childB</h1>
    <child-b-son></child-b-son>
    <div class="wrap"></div>
  </div>
</template>

<script>
import ChildBSon from "./ChildBSon";
export default {
  components: {
    ChildBSon,
  },
};
</script>

<style lang="scss" scoped>
.wrap {
  width: 100px;
  height: 100px;
  background-color: red;
}
// 样式击穿 /deep/    ::v-deep  <<<
/deep/.inner {
  background-color: blue;
}
</style>